<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<title>Car HOME</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />

		<link rel="stylesheet" href="assets/css/main.css" />
		<link rel="stylesheet" href="../static/assets/css/main.css" />
		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
		<noscript><link rel="stylesheet" href="../static/assets/css/noscript.css" /></noscript>

	</head>
	<body class="landing is-preload">

		<!-- Page Wrapper -->
			<div id="page-wrapper">

				<!-- Header -->
					<header id="header" class="alt">
						<h1><a href="index.html">Spectral</a></h1>
						<nav id="nav">
							<ul>
								<li class="special">
									<a href="#menu" class="menuToggle"><span>Menu</span></a>
									<div id="menu">
										<ul>
											<li><a href="#">Home</a></li>
											<li><a href="/list">前往社区</a></li>
											<li><a href="/publish">发布</a></li>
											<li><a href="https://github.com/login/oauth/authorize?client_id=1cef26365f801bcdefe6&redirect_uri=http://localhost/callback&scope=user&state=1">GitHub第三方登录</a></li>
											<li><a href="#">QQ登录</a></li>
										</ul>
									</div>
								</li>
							</ul>
						</nav>
					</header>

				<!-- Banner -->
				<section id="banner">
					<div class="inner">
						<h2 th:if="${session.user != null}" th:text="${session.user.name}">WELCOME</h2>
						<h2 th:if="${session.user == null}">WELCOME</h2>
						<h1 th:if="${session.user != null}">Welcome</h1>
						<ul class="actions special">
							<li>
								<form action="/upload" method="post" enctype="multipart/form-data">
									<input class="button fit" type="file" name="file" accept="image/*" style="display: inline-table" /> <br>
									<input type="submit" value="检测" class="button primary">
								</form>
							</li>
						</ul>
					</div>
					<a href="#cta" class="more scrolly">Learn More</a>
				</section>

				<!-- CTA -->
					<section id="cta" class="wrapper style4">
						<div class="inner">
							<header>
								<h2>HP Community</h2>
								<p>海量汽车资讯尽在hanpi Community</p>
							</header>
							<ul class="actions stacked">
								<li><a href="#" class="button fit primary">回到首页</a></li>
								<li><a href="/list" class="button fit">前往社区</a></li>
							</ul>
						</div>
					</section>

			</div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.scrollex.min.js"></script>
			<script src="assets/js/jquery.scrolly.min.js"></script>
			<script src="assets/js/browser.min.js"></script>
			<script src="assets/js/breakpoints.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>

			<script src="../staticassets/js/jquery.min.js"></script>
			<script src="../staticassets/js/jquery.scrollex.min.js"></script>
			<script src="../staticassets/js/jquery.scrolly.min.js"></script>
			<script src="../staticassets/js/browser.min.js"></script>
			<script src="../staticassets/js/breakpoints.min.js"></script>
			<script src="../staticassets/js/util.js"></script>
			<script src="../staticassets/js/main.js"></script>



	</body>
</html>